import React, {Component,PropTypes} from 'react';

class Counter extends Component {
    render() {
        const {increment,incrementIfOdd,incrementAsync,decrement,counter}=this.props;
        return (
            <p>
                Clicked:{counter} thimes
                {' '}
                <button onClick={increment}>+</button>
                {' '}
                <button onClick={decrement}>-</button>
                {' '}
                <button onClick={incrementIfOdd}>Increment if odd</button>
                {' '}
                <button onClick={incrementAsync}>Incrememt async</button>                                                
            </p>
        );
    }
}

Counter.propTypes = {
    increment:PropTypes.func.isRequired,
    incrementIfOdd:PropTypes.func.isRequired,
    incrementAsync:PropTypes.func.isRequired,
    decrement:PropTypes.func.isRequired,
    counter:PropTypes.number.isRequired
}

export default Counter;

